document.querySelector('#btn-login').addEventListener('click', async function () {
    const form = document.querySelector('.login-form')
    // 1.收集并校验数据
    const data = serialize(form, { hash: true, empty: true })
    // 2.校验非空   校验长度
    if (data.username === '' || data.password === '') {
        return showToast('用户名或密码不能为空')
    }
    if (data.username.length < 8 || data.username.length > 30 || data.password.length < 6 || data.password.length > 30) {
        return showToast('用户名长度为8-30，密码长度为6-30')
    }
    // 3.校验通过，提交数据
    const res = await axios.post('/login', data)//没有token  后台不需要
    // console.log(res);//如果能打印，代表登录成功
    // res.data.token 
    // res.data.username
    //  4.缓存响应数据  ->  首页的时候回过头再来看作用
    // console.log(res);
    localStorage.setItem('token', res.data.token)
    localStorage.setItem('username', res.data.username)
    // 提示一下用户登录成功
    showToast(res.message)
    // 5.跳转首页
    setTimeout(function () {
        location.href = './index.html'
    }, 1000)
})